:root {
    --c-base: #ffffff;
    --c-text-1: #303133;
    --c-text-2: #606266;
    --c-text-3: #8a919f;
    --c-border: #e6e6e6;
    --c-text-disabled: #c0c4cc;
    --el-color-primary: #303133;
    --c-bg-body: #e3eeff78;
    --c-bg-body2: #ebe1e1;
    --c-bg-box: white;
    --c-bg-text: rgba(247, 248, 250, 0.7);
    --c-bg-text-dis: #f2f3f5;
    --c-bg-border-dis: #e4e6eb;
    --c-bg-header: rgba(255, 255, 255, 0.6);
    --c-border: #cdd0d6;
    --c-shadow: rgba(0, 0, 0, 0.2);
}

:root[theme="dark"] {
    --c-base: #1d1928;
    --c-text-1: #e5eaf3;
    --c-text-2: #a3a6ad;
    --c-text-3: #a3a6ad;
    --c-border: #e6e6e6;
    --c-text-disabled: #6c6e72;
    --el-color-primary: #303133;
    --c-bg-body: #292a2d;
    --c-bg-body2: #424243;
    --c-bg-box: #424243;
    --c-bg-text: rgba(40, 41, 43, 0.7);
    --c-bg-header: rgba(0, 0, 0, 0.9);
    --c-bg-text-dis: #424243;
    --c-bg-border-dis: #292a2d;
    --c-border: #636466;
    --c-shadow: rgba(255, 255, 255, 0.2);
}
